<div  fwa-layout-container data-main="true" class="full-height full-width">
	<div fwa-layout-box="north" style="height:80px;">
        <div class="col-xs-12 bg-color-white" >
			<div style="line-height:64px;" class="col-xs-3 full-height">
				<date-range-input class="full-width" ng-model="date" data-type="year" data-format="yyyy-mm"></date-range-input>
			</div>
			<div class="full-height col-xs-3">
				<div class="callout callout-info full-height">
					<h3><span ng-bind="feeInfo.totalPay"></span><small class="text-muted">万元</small></h3>
					<p><label class="text-muted">医疗费用总额</label></p>
				</div>
			</div>
			<div class="full-height col-xs-3" >
				<div class="callout callout-danger full-height" >
					<h3><span ng-bind="feeInfo.preFeeTot"></span><small>万元</small></h3>
					<p><label class="text-muted">预拨付总额</label></p>
				</div>
			</div>
		</div>
	</div>
	<div class="full-overflow" fwa-layout-box="center" data-padding="true">
	<!-- 费用情况 -->
		<div class="col-xs-6">
			<div class="row normal-padding-bottom background-white " style="margin-right: -4px;">
				<div class="col-xs-12 " style="height: 35px;" >
					<div class="col-xs-12 normal-padding-top">
						<span><b>总费用情况(单位:万元)</b></span>
						<ul class="radio_button pull-right" style="margin-bottom:0px;padding-left:0px;">
							<li ng-class="{'radio_button_active':typeSelected=='1'}"  ng-click="typeClick('1')">按期</li>
							<li ng-class="{'radio_button_active':typeSelected=='2'}"  ng-click="typeClick('2')">累积</li>
						</ul>
					</div>
				</div>
				<div class="col-xs-12" style="height: 30px;">
					<div class="col-xs-12">
						<div class="col-xs-1" style="width: 35px;height: 14px;padding: 0px 4px;">
							<span class="fee-pay" >
							</span>
						</div>
						<div class="col-xs-1" style="width: 70px;height: 14px;padding: 0px 4px;">
							<span>
								医疗总费用
							</span>
						</div>
						<div class="col-xs-1" style="width: 25px;height: 14px;padding: 0px 4px;">
							<span class="fee-budget" >
							</span>
						</div>
						<div class="col-xs-1" style="width: 60px;height: 14px;padding: 0px 4px;">
							<span>
								预拨费用
							</span>
						</div>
						<div class="col-xs-1" style="width: 25px;height: 14px;padding: 0px 4px;">
							<span class="fee-year" >
							</span>
						</div>
						<div class="col-xs-1" style="width: 40px;height: 14px;padding: 0px 4px;">
							<span>
								同比
							</span>
						</div>
						<div class="col-xs-1" style="width: 25px;height: 14px;padding: 0px 4px;">
							<span class="fee-mom" >
							</span>
						</div>
						<div class="col-xs-1" style="width: 40px;height: 14px;padding: 0px 4px;">
							<span>
								环比
							</span>
						</div>
					</div>
				</div>
				<div class="col-xs-12" style="height: 265px;" >
					<div id="feeExeParamId1" class="full-height full-width" >
					</div>
				</div>
				<div class="col-xs-12" style="height: 240px;">
					<div id="periodOrchainChartId1" class="full-height full-width">
					</div>
				</div>
				<div class="col-xs-12"  style="height: 80px;">
					<div class="row full-height">
						<div class="col-xs-12 full-border full-height" style="padding:0px 8px;">
							<div class="row ">
								<div class="col-xs-10 " style="padding:4px;">
									<div class="row" style="margin: 0px;line-height: 30px;height: 30px;">
										<div class="text-center" style="float: left;width: 19%;">
											医疗总费用
										</div>
										<div class="text-center" style="float: left;width: 13%;">
											当月值:
										</div>
										<div style="float: left;width: 22%;">
											<span class="red" ng-bind="feeInfo.curMonthVal">
										  	</span>万元
										</div>
										<div class="text-center" style="float: left;width: 10%;">
											同比:
										</div>
										<div style="float: left;width: 13%;">
											<span ng-class="{'red':feeInfo.compSamePeriod > 0,'text-success':feeInfo.compSamePeriod <= 0}" ng-bind="feeInfo.compSamePeriod">
										  	</span> %
										</div>
										<div class="text-center" style="float: left;width: 10%;">
											环比:
										</div>
										<div style="float: left;width: 13%;">
											<span ng-class="{'red':feeInfo.compChain > 0,'text-success':feeInfo.compChain <= 0}" ng-bind="feeInfo.compChain" >
										  	</span> %
										</div>
									</div>
									<div class="row" style="margin: 0px;line-height: 30px;height: 30px;">
										<div class="text-center" style="float: left;width: 19%;">
											预拨费用&nbsp;&nbsp;
										</div>
										<div class="text-center" style="float: left;width: 13%;">
											当月值:
										</div>
										<div style="float: left;width: 22%;">
											<span class="red" ng-bind="feeInfo.perMonthCurMonthVal">
										  	</span>万元
										</div>
										<div class="text-center" style="float: left;width: 10%;">
											同比:
										</div>
										<div style="float: left;width: 13%;">
											<span ng-class="{'red':feeInfo.perMonthCompSamePeriod > 0,'text-success':feeInfo.perMonthCompSamePeriod <= 0}" ng-bind="feeInfo.perMonthCompSamePeriod" >
										  	</span> %
										</div>
										<div class="text-center" style="float: left;width: 10%;">
											环比:
										</div>
										
										<div style="float: left;width: 13%;">
											<span ng-class="{'red':feeInfo.perMonthCompChain > 0,'text-success':feeInfo.perMonthCompChain <= 0}" ng-bind="feeInfo.perMonthCompChain">
										  	</span> %
										</div>
									</div>
								</div>
								<div class="col-xs-2 text-right" style="line-height: 60px;height: 60px;">
									<a class="btn btn-primary btn-sm" ng-click="queryAnalyse()">
										详情
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 费用发生 -->
		<div class="col-xs-6">
			<div class="row normal-padding-bottom background-white" style="margin-left: -4px;">
				<div class="col-xs-12 normal-padding-top" style="height: 35px;" >
					<div class="col-xs-12">
						<span><b>自付费用情况(单位:万元)</b></span>
					</div>
				</div>
				<div class="col-xs-12" style="height: 30px;">
					<div class="col-xs-12">
						<div class="col-xs-1" style="width: 35px;height: 14px;padding: 0px 4px;">
							<span class="fee-total-cost">
							</span>
						</div>
						<div class="col-xs-1" style="width: 70px;height: 14px;padding: 0px 4px;">
							<span>
								医疗总费用
							</span>
						</div>
						<div class="col-xs-1" style="width: 25px;height: 14px;padding: 0px 4px;">
							<span class="fee-pocket-costs">
							</span>
						</div>
						<div class="col-xs-1" style="width: 60px;height: 14px;padding: 0px 4px;">
							<span>
								自付费用
							</span>
						</div>
						<div class="col-xs-1" style="width: 25px;height: 14px;padding: 0px 4px;">
							<span class="fee-pays-proportion">
							</span>
						</div>
						<div class="col-xs-1" style="width: 60px;height: 14px;padding: 0px 4px;">
							<span>
								自付比例
							</span>
						</div>
					</div>
				</div>
				<div class="col-xs-12" style="height:265px;">
					<div id="feeHappenChartId1" class="full-height full-width" >
						  
					</div>
				</div>
				<div class="col-xs-12" style="height:240px;">
					<div id="feeBarChartId1" class="full-height full-width" >
						  
					</div>
				</div>
				
				<div class="col-xs-12" style="height: 80px;">
					<div class="row full-height" style="padding:0px 8px;">
						<div class="col-xs-12 full-border full-height">
							<div class="row" >
								<div class="col-xs-10" style="padding: 4px;">
									<div class="row" style="margin: 0px;line-height: 30px;height: 30px;">
										<div class="text-center" style="float: left;width: 19%;">
											自付费用
										</div>
										<div class="text-center" style="float: left;width: 13%;">
											当月值:
										</div>
										<div style="float: left;width: 22%;">
											<span class="red" ng-bind="feeInfo.curMonthValFee">
										  	</span>万元
										</div>
										<div class="text-center" style="float: left;width: 10%;">
											同比:
										</div>
										<div style="float: left;width: 13%;">
											<span ng-class="{'red':feeInfo.compSamePeriodFee > 0,'text-success':feeInfo.compSamePeriodFee <= 0}" ng-bind="feeInfo.compSamePeriodFee">
										  	</span> %
										</div>
										<div class="text-center" style="float: left;width: 10%;">
											环比:
										</div>
										<div style="float: left;width: 13%;">
											<span ng-class="{'red':feeInfo.compChainFee > 0,'text-success':feeInfo.compChainFee <= 0}" ng-bind="feeInfo.compChainFee" >
										  	</span> %
										</div>
									</div>
									<div class="row" style="margin: 0px;line-height: 30px;height: 30px;">
										<div class="text-center" style="float: left;width: 19%;">
											自付比例
										</div>
										<div class="text-center" style="float: left;width: 13%;">
											当月值:
										</div>
										<div style="float: left;width: 22%;">
											<span ng-class="{'red':feeInfo.curMonthValRat > 0,'text-success':feeInfo.curMonthValRat <= 0}"  ng-bind="feeInfo.curMonthValRat" >
											</span> %
										</div>
										<div class="text-center" style="float: left;width: 10%;">
											同比:
										</div>
										<div style="float: left;width: 13%;">
											<span ng-class="{'red':feeInfo.compSamePeriodRat > 0,'text-success':feeInfo.compSamePeriodRat <= 0}" ng-bind="feeInfo.compSamePeriodRat">
										  	</span> %
										</div>
										<div class="text-center" style="float: left;width: 10%;">
											环比:
										</div>
										<div style="float: left;width: 13%;">
											<span ng-class="{'red':feeInfo.compChainRat > 0,'text-success':feeInfo.compChainRat <= 0}" ng-bind="feeInfo.compChainRat" >
										  	</span> %
										</div>
									</div>
								</div>
								<div class="col-xs-2 text-right" style="line-height: 60px;">
									<a class="btn btn-primary btn-sm" ng-click="queryAnalyse()">详情</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


